@charset "utf-8";
*{
	padding: 0;margin: 0;box-sizing: border-box;-webkit-box-sizing: border-box;
}
html,body{
	width: 100%;height: 100%;background: rgba(0,0,0,0);
}
.city-select-wrap{
	width: 100%;height: 100%;position: fixed;top: 0;left: 0;
}
.city-select-bg{
	width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;
}
.city-select-box{
	width: 100%;height: 370px;background: #fff;position: absolute;z-index: 5;padding: 70px 0 0;overflow-y: auto;left: 0;bottom: 0;
}
.city-select-box h2{
	width: 100%;text-align: center;font-size: 16px;height: 35px;line-height: 35px;position: relative;position: absolute;top: 0;left: 0;
}
.city-select-box h2 span{
	display: block;width: 35px;height: 35px;position: absolute;top: 0;right: 0;color: #666;font-size: 20px;text-align: center;color: #ccc;
}
.city-select-box div{
	width: 100%;height: 35px;line-height: 35px;position: absolute;top: 35px;left: 0;padding: 0 10px;background: #f5f5f5;font-size: 14px;
}
.city-select-box div span{
	padding-right: 5px;margin-right: 5px;
}
.city-select-box div span.active{
	color: #f00;
}
.city-select-box ul{
	width: 100%;padding: 0 10px 10px;height: 100%;overflow-y: auto;
}
.city-select-box ul li{
	width: 100%;height: 30px;line-height: 30px;overflow: hidden;border-bottom: 1px solid #f5f5f5;font-size: 14px;
}
